<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
  <meta http-equiv="content-type" content="text/html; charset=utf-8">

  <link rel="stylesheet" href="backgroundAnimation.css">
  <link href="https://fonts.googleapis.com/css2?family=Pacifico&display=swap" rel="stylesheet">
  <title>题海</title>

</head>
<body>
<!-- 背景方块 -->
<ul class="bg-squares">
  <li></li>
  <li></li>
  <li></li>
  <li></li>
  <li></li>
  <li></li>
  <li></li>
  <li></li>
  <li></li>
  <li></li>
</ul>

<!-- 登录表单 -->
<div class="container">
  <h2>欢迎来到<b class="art-text">题海</b></h2>

  <!-- 显示错误信息 -->
  <c:if test="${not empty error}">
    <div class="error-message">${error}</div>
  </c:if>

  <!-- 登录表单 -->
  <form action="login" method="post">
    <div class="from">
      <input type="text" name="studentId" placeholder="您的账号/手机号">
      <input type="password" name="password" placeholder="您的密码">
      <table>
        <tr>
          <td><a href="views/main.jsp" class="btn-login">注册</a></td>
          <td><button class="btn-login">登录</button></td>
        </tr>
      </table>
    </div>
  </form>
</div>
</body>
</html>